<template>
   <div id="hotel-facilities">
       <div class="warpper">
        <el-form label-width="70px">
            <el-form-item label="通用设施">
                <el-input type="textarea" :rows="5" v-model="form.commonFacilities" placeholder="请输入通用设施"></el-input>
            </el-form-item>
            <el-form-item label="服务项目">
                <el-input type="textarea" :rows="5" v-model="form.serviceProject" placeholder="请输入服务项目"></el-input>
            </el-form-item>
            <el-form-item label="客房设施">
                <el-input type="textarea" :rows="5" v-model="form.roomFacilities" placeholder="请输入客房设施"></el-input>
            </el-form-item>
        </el-form>
       </div>
       <div class="information-btn">
        <el-form-item>
            <el-button type="primary" @click="save">保存</el-button>
            <el-button>取消</el-button>  
        </el-form-item>
    </div>
   </div>
</template>
<script>
const ButtonFooter = () => import('@/components/common/ButtonFooter')
export default {
  name: 'HotelFacilities',
  data () {
    return {
      form: {
        timestamp: 0,
        version: 'string',
        operation: 'string',
        commonFacilities: '',
        serviceProject: '',
        roomFacilities: '',
        hotelId: 0
      }
    }
  },
  created () {
    this.form.hotelId = sessionStorage.getItem('HotelId')
  },
  methods: {
    save () {
      this.$http.post('http://222.244.146.208/hotel/facilities/update?token=' + window.commo.token, this.form).then(res => {
        console.log(res)
      })
    }
  },
  components: {
    ButtonFooter
  }
}
</script>

<style lang="scss">
    .warpper {
       width: 45%;
       padding: 10px;
       margin-top: 10px;
       .el-form-item {
           margin-bottom: 20px;
       }
   }
   .information-btn {
        padding: 8px 0px 8px 55px;
        text-align: left;
        position: fixed;
        bottom: 0;
        background-color: white;
        box-shadow: 0px -1px 4px rgba(0,0,0,0.1);
        width: 79.7%;
        z-index: 1000;
        .el-form-item {
        margin-bottom: 0;
        .el-form-item__content {
            margin-left: 0!important;
        }
        .el-button{
            width: 82px;
            height: 34px;
            padding: 0px;
        }
      }
    }
   
</style>
